<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="LongShu" />
		<meta name="author" content="LongShu" />
		<title>申请</title>
		<link rel="shortcut icon" href="../assets/img/favicon.png">
		<link rel="stylesheet" href="../assets/css/bootstrap.css">
		<link rel="stylesheet" href="../assets/css/xenon-core.css">
		<link rel="stylesheet" href="../assets/css/xenon-forms.css">
		<link rel="stylesheet" href="../assets/css/xenon-components.css">
		<link rel="stylesheet" href="../assets/css/xenon-skins.css">
		<link rel="stylesheet" href="../assets/css/custom.css">
		<!--fonts-->
		<link rel="stylesheet" href="../assets/fonts/arimo/css/arimo.css">
		<link rel="stylesheet" href="../assets/fonts/linecons/css/linecons.css">
		<link rel="stylesheet" href="../assets/fonts/fontawesome/css/font-awesome.min.css">
		<script src="../assets/js/jquery-1.11.1.min.js"></script>
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<!-- loader-style -->
		<!--<link rel="stylesheet" href="../assets/css/loader-style.css">-->
		<!--<script type="text/javascript" src="../assets/js/load.js"></script>-->
		<!--<script type="text/javascript" src="../assets/js/loader-style.js"></script>-->
	</head>

	<body class="page-body skin-navy">
		<div class="settings-pane">
			<a href="#" data-toggle="settings-pane" data-animate="true"> &times; </a>
			<div class="settings-pane-inner">
				<div class="row">
					<div class="col-md-4">
						<div class="user-info">
							<div class="user-image">
								<a href="#">
									<img src="../assets/img/user.png" class="img-responsive img-circle" />
								</a>
							</div>
							<div class="user-details">
								<h3>
								<a href="#">用户姓名</a>
								<!-- Available statuses: is-online, is-idle, is-busy and is-offline -->
								<span class="user-status is-online"></span>
							</h3>
								<p class="user-title">用户类型</p>
								<div class="user-links">
									<a href="#" class="btn btn-primary">Edit Profile</a>
									<a href="#" class="btn btn-success">Upgrade</a>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-8 link-blocks-env">
						<div class="links-block left-sep">
							<h4>
								<a href="#">
									<span>面板方向</span>
								</a>
							</h4>
							<ul class="list-unstyled">
								<li>
									<a href="#">
										<i class="fa-angle-right"></i> 纵向
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa-angle-right"></i> 横向
									</a>
								</li>
							</ul>
						</div>
						<div class="links-block left-sep">
							<h4>
							<a href="#">
								<span>Help Desk</span>
							</a>
						</h4>
							<ul class="list-unstyled">
								<li>
									<a href="#">
										<i class="fa-angle-right"></i> Support Center
									</a>
								</li>
								<li>
									<a href="#">
										<i class="fa-angle-right"></i> Submit a Ticket
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="page-container">
			<!-- add class "sidebar-collapsed" to close sidebar by default, "chat-visible" to make chat appear always -->
			<!-- Add "fixed" class to make the sidebar fixed always to the browser viewport. -->
			<!-- Adding class "toggle-others" will keep only one menu item open at a time. -->
			<!-- Adding class "collapsed" collapse sidebar root elements and show only icons. -->
			<div class="sidebar-menu toggle-others fixed">
				<div class="sidebar-menu-inner">
					<header class="logo-env">
						<!-- logo -->
						<div class="logo">
							<a href="#" class="logo-expanded">
								<img src="../assets/img/logo@2x.png" width="80" alt="" />
							</a>
							<a href="#" class="logo-collapsed">
								<img src="../assets/img/logo-collapsed@2x.png" width="40" alt="" />
							</a>
						</div>
						<!-- This will toggle the mobile menu and will be visible only on mobile devices -->
						<div class="mobile-menu-toggle visible-xs">
							<a href="#" data-toggle="user-info-menu">
								<i class="fa-bell-o"></i> <span class="badge badge-success">7</span>
							</a>
							<a href="#" data-toggle="mobile-menu">
								<i class="fa-bars"></i>
							</a>
						</div>
						<!-- This will open the popup with user profile settings, you can use for any purpose, just be creative -->
						<div class="settings-icon">
							<a href="#" data-toggle="settings-pane" data-animate="true">
								<i class="linecons-cog"></i>
							</a>
						</div>
					</header>
					<ul id="main-menu" class="main-menu">
						<li>
							<a>
								<i class="fa-user fontstyle"></i> <span class="title">个人信息</span>
							</a>
							<ul>
								<li>
									<a href="查看个人信息.html">
										<span class="title">查看个人信息</span>
									</a>
									<a href="操作人员申请.html">
										<span class="title">角色申请</span>
									</a>
								</li>
							</ul>
						</li>
						<li>
						<a>
							<i class="fa-user fontstyle"></i> <span class="title">光谱管理</span>
						</a>
						<ul>
							<li>
								<a href="光谱收藏夹管理.html">
									<span class="title">光谱收藏夹管理</span>
								</a>
							</li>
						</ul>
					</li>
					<li>
						<a href="统计分析.html">
							<i class="linecons-globe"></i> <span class="title">统计分析</span>
						</a>
					</li>
					<li>
						<a href="回收站.html">
							<i class="linecons-globe"></i> <span class="title">回收站</span>
						</a>
					</li>
					</ul>
				</div>
			</div>

			<div class="main-content">
				<!-- User Info, Notifications and Menu Bar -->
				<nav class="navbar user-info-navbar" role="navigation">
					<!-- Left links for user info navbar -->
					<ul class="user-info-menu left-links list-inline list-unstyled">
						<li class="hidden-sm hidden-xs">
							<a href="#" data-toggle="sidebar">
								<i class="fa-bars"></i>
							</a>
						</li>
						<li class="dropdown hover-line">
							<a href="#" data-toggle="dropdown">
								<i class="fa-envelope-o"></i> <span class="badge badge-green">2</span>
							</a>
							<ul class="dropdown-menu messages">
								<li>
									<ul class="dropdown-menu-list list-unstyled ps-scrollbar">
										<li class="active">
											<!-- "active" class means message is unread -->
											<a href="#">
												<span class="line"> <strong>Luc Chartier</strong> <span
												class="light small">- yesterday</span>
												</span> <span class="line desc small"> This ain’t our first item, it
												is the best of the rest. </span>
											</a>
										</li>
										<li>
											<a href="#">
												<span class="line"> Hayden Cartwright <span
												class="light small">- a week ago</span>
												</span> <span class="line desc small"> Whose her enjoy chief new
												young. Felicity if ye required likewise so doubtful. </span>
											</a>
										</li>
									</ul>
								</li>

								<li class="external">
									<a href="#">
										<span>All Messages</span> <i class="fa-link-ext"></i>
									</a>
								</li>
							</ul>
						</li>
						<!-- 通知 -->
						<li class="dropdown hover-line">
							<a href="#" data-toggle="dropdown">
								<i class="fa-bell-o"></i> <span class="badge badge-purple">1</span>
							</a>
							<ul class="dropdown-menu notifications">
								<li class="top">
									<p class="small">
										<a href="#" class="pull-right">Mark all Read</a>
										You have <strong>3</strong> new notifications.
									</p>
								</li>

								<li>
									<ul class="dropdown-menu-list list-unstyled ps-scrollbar">
										<li class="active notification-success">
											<a href="#">
												<i class="fa-user"></i> <span class="line"> <strong>New
													user registered</strong>
											</span> <span class="line small time"> 30 seconds ago </span>
											</a>
										</li>
									</ul>
								</li>
								<li class="external">
									<a href="#">
										<span>View all notifications</span> <i class="fa-link-ext"></i>
									</a>
								</li>
							</ul>
						</li>
					</ul>

					<!-- Right links for user info navbar -->
					<ul class="user-info-menu right-links list-inline list-unstyled">
						<li class="search-form always-visible">
							<!-- You can add "always-visible" to show make the search input visible -->
							<form method="get" action="#">
								<input type="text" name="s" class="form-control search-field" placeholder="输入搜索内容..." />
								<button type="submit" class="btn btn-link">
								<i class="linecons-search"></i>
							</button>
							</form>
						</li>

						<li class="dropdown user-profile">
							<a href="#" data-toggle="dropdown">
								<img src="../assets/img/user.png" alt="user-image" class="img-circle img-inline userpic-32" width="28" /> <span> 姓名
								<i class="fa-angle-down"></i>
							</span>
							</a>
							<ul class="dropdown-menu user-profile-menu list-unstyled">
								<li>
									<a href="#settings">
										<i class="fa-wrench"></i> Settings
									</a>
								</li>
								<li>
									<a href="#profile">
										<i class="fa-user"></i> Profile
									</a>
								</li>
								<li>
									<a href="#help">
										<i class="fa-info"></i> Help
									</a>
								</li>
								<li class="last">
									<a href="#">
										<i class="fa-lock"></i> Logout
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</nav>

				<div class="row">
					<div class="tabs-vertical-env">
						
						<div class="tab-content">
							<p class="col-md-offset-5">如需修改个人信息请到修改信息页面<a href="">修改个人信息页面</a></p>
							<div class="tab-pane active" id="v-home">
								<div class="panel-body">
									<form role="form" class="form-horizontal">
										<div class="form-group">
											<label class="col-sm-2 control-label" for="field-1">真实姓名</label>
											<div class="col-sm-10">
												<input type="text" class="form-control" id="field-1" placeholder="张三" disabled>
											</div>
										</div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="field-1">邮箱</label>
											<div class="col-sm-10">
												<input type="text" class="form-control" id="field-1" placeholder="1963094290@qq.com" disabled>
											</div>
										</div>
										<div class="form-group-separator"></div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="field-2">身份证</label>
											<div class="col-sm-10">
												<input type="password" class="form-control" id="field-2" placeholder="360730199607221714" disabled>
											</div>
										</div>
										<div class="form-group-separator"></div>
										<div class="form-group">
											<label class="col-sm-2 control-label">申请角色</label>
											<div class="col-sm-10">
												<input type="text" class="form-control" placeholder="实验员" disabled>
											</div>
										</div>
										<div class="form-group-separator"></div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="field-3">手机号码</label>
											<div class="col-sm-10">
												<input type="text" class="form-control" id="field-3" placeholder="13571715968" disabled>
											</div>
										</div>
										<div class="form-group-separator"></div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="field-4">身份文件</label>

											<div class="col-sm-10">
												<input type="file" class="form-control" id="field-4">
											</div>
										</div>
										<div class="form-group-separator"></div>
										<div class="form-group">
											<label class="col-sm-2 control-label" for="field-5">工作地址</label>
											<div class="col-sm-10">
												<input class="form-control autogrow"  id="field-5" placeholder="江西农业大学" disabled></textarea>
											</div>
										</div>
										<div class="form-group-separator"></div>
										<div class="form-group">
											<label class="col-sm-2 control-label">个人地址</label>
											<div class="col-sm-10">
												 <div class="row">
													<div class="col-sm-2">
													  <select class="form-control" disabled>
														  <option>省</option>
														  
													  </select>
													</div>
													<div class="col-sm-2">
													  <select class="form-control" disabled>
														  <option>市</option>
														  
														</select>
													</div>
													<div class="col-sm-2">
														<select class="form-control" disabled>
														  <option>县</option>
														   
														</select>
													</div>
													<div class="col-sm-6">
														<input type="text" class="form-control" placeholder="详细地址" disabled >
													</div>
												</div>
											</div>
										</div>
										<div class="form-group-separator"></div>
										
									</form>
								</div>
								<div class="form-group">
									<!--<button type="button" class="btn btn-gray btn-single">取消</button>-->
									<button type="button" class="btn btn-info btn-single pull-right">确定</button>
								</div>
							</div>
							<div class="tab-pane" id="v-profile">
							</div>
							<div class="tab-pane" id="v-messages">
								<p>When be draw drew ye. Defective in do recommend suffering. House it seven in spoil tiled court. Sister others marked fat missed did out use. Alteration possession dispatched collecting instrument travelling he or on. Snug give made at spot or late that mr. </p>
							</div>
							<div class="tab-pane" id="v-settings">
								<p>Luckily friends do ashamed to do suppose. Tried meant mr smile so. Exquisite behaviour as to middleton perfectly. Chicken no wishing waiting am. Say concerns dwelling graceful six humoured. Whether mr up savings talking an. Active mutual nor father mother exeter change six did all. </p>
							</div>
						</div>
					</div>
				</div>
				
				<!-- Main Footer -->
				<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
				<!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
				<!-- Or class "fixed" to  always fix the footer to the end of page -->
				<footer class="main-footer sticky footer-type-1">
					<div class="footer-inner">
						<!-- Add your copyright text here -->
						<div class="footer-text">
							&copy; 2005-2016 <strong>蓝点工作室</strong> 江西农业大学
							<a href="#" target="_blank">光谱数据库</a>
							- 开发团队:
							<a href="#" target="_blank">蓝点工作室</a>
						</div>
						<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
						<div class="go-up">
							<a href="#" rel="go-top">
								<i class="fa-angle-up"></i>
							</a>
						</div>
					</div>
				</footer>
			</div>
		</div>

		<div class="page-loading-overlay">
			<div class="loader-2"></div>
		</div>

		<!-- Bottom Scripts -->
		<script src="../assets/js/bootstrap.min.js"></script>
		<script src="../assets/js/TweenMax.min.js"></script>
		<script src="../assets/js/resizeable.js"></script>
		<script src="../assets/js/xenon-api.js"></script>
		<script src="../assets/js/xenon-toggles.js"></script>
		<!-- Imported scripts on this page -->
		<!-- JavaScripts initializations and stuff -->
		<script src="../assets/js/xenon-custom.js"></script>
		<!--Specific JS for this page-->
		<script type="text/javascript">
			jQuery(document).ready(function($) {});
		</script>
	</body>

</html>